@media screen and (min-width:800px){
  .demo{
    display:none;
  }
  .wclear{
    display: block;
    clear: both;
  }
  .wmain{
      width: 998px;
      height: 1310px;
      border: 1px solid #f2f2f2;
      background: #f2f2f2;
      clear: both;
      margin:460px auto;
      position: absolute;
      left: 50%;
      margin-left:-500px;
      z-index:999;
  }
  .wtitle{ 
      font-size: 30px;
      margin: 39px 0 39px 55px; 
  }
  .min-title{
      margin: 0 0 35px 55px;
      font-size: 20px;
  }
  .wmodule{
      width: 943px;
      height: 1062px;
      margin: 0 auto;
      background-image: url("../images/mbg.png");
      background-size: auto 100%;
      position: relative;
  }
  .wmtop{
      width:100%;
  }
  .wmt-l{
      float: left;
      border-bottom: 37px solid #f2f2f2;
      border-right: 37px solid #f2f2f2;
  }
  .w-mbox{
    background:transparent; 
      text-align:center;
      position: relative;
  }
  .w-mbox a{
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin:0 auto;
      width: 100%;
      height: 100%;
  }
  .wqywh{
      width: 441px;
      height: 316px;
      line-height: 255px;
      border-bottom: 37px solid #f2f2f2;
  }
  .wjrwm{
      width: 441px;
      height: 178px;
      line-height: 178px;
  }
  .wlink{
      font-size: 50px;
      color: #fff;
  }
  .wtdjs{
      width: 465px;
      height: 531px;
      line-height: 531px;
      position: absolute;
      top: 0;
      right: 0;
      border-bottom: 37px solid #f2f2f2;
  }
  .wmb-l{
      float: left;
      border-right: 37px solid #f2f2f2;
  }
  .wxmkf{
      width: 482px;
      height: 531px;
      line-height: 531px;
  }
  .wrzhz{
      width: 424px;
      height: 299px;
      line-height: 280px;
      position: absolute;
      right: 0;
      bottom: 232px;
      border-bottom: 37px solid #f2f2f2;
  }
  .wrchd{
      width: 424px;
      height: 232px;
      line-height: 232px;
      position: absolute;
      right: 0;
      bottom: 0;
  }
  .w-mask{
      width: 100%;
      height: 100%;
      background-color: #000;
      opacity: 0.6;
      filter:alpha(opacity=0.6);
      z-index: 99;
  }
  .bg h2{
    font-size:46px;
    color:#fff;
    position:absolute;
    z-index:200;
    left: 50%;
    top: 40%;
    margin-left:-256px;
  }
  .bg h4{
    font-size:26px;
    font-family:"arial";
    z-index:190;
    color:#fff;
    position:absolute;
    left: 50%;
    top: 54%;
    margin-left:-200px;
  }
  .totop{
    width: 132px;
    height: 92px;
    margin:0px auto;
    position:absolute;
    top: 1900px;
    left: 47%;
    display: block;
  }
  .foot{
    width: 100%;
    background: #222933;
    position:absolute;
    top: 2120px;
  }
  .foot-top{
    width: 1000px;
    margin:0px auto;
  }
  .foot-pic{
    float: left;
  }
  .foot-pic ul{
    width: 100%;
    height: 60px;
    margin:60px 0px 0px 0px;
  }
  .foot-pic ul li{
    float:left;
    width: 33.33%;
  }  
  .foot-pic ul li{
    text-align:center;
  }
  .foot-pic ul li a img{
    width: 60%;
  }
  .foot-pic ul li:nth-of-type(3) a img{
    width: 50%;
  }
  .foot-input{
    width:44%;
    height: 60px;
    float:right;
  }
  .foot-input h5{
    font-size:16px;
    color:#fff;
    margin-top:64px;
  }
  .foot-input input{
    width: 120px;
    height: 30px;
    display:block;
    border-radius:15px 15px 15px 15px;
  }
  .foot-input input:nth-of-type(1){
    margin:-30px 0px 0px 160px;
  }
  .foot-input input:nth-of-type(2){
    margin:-30px 0px 0px 300px;
  }
  .foot-bottom{
    width: 100%;
    height: 80px;
    margin-top:20px;
  }
  .foot-bottom p{
    text-align:center;
    color:#fff;
  }
  .foot-bottom p:nth-of-type(2){
    text-align:center;
    font-size:12.5px;
    color:#c3c3c3;
  }
  hr{
    background:#fff;
    margin-top:160px;
  }
}